import Editor from './(editor)';
import NavBar from './(navbar)';
import Toolbar from './(toolbar)';

const DocumentIdPage = async ({ params }: { params: Promise<{ documentId: string }> }) => {
  const { documentId } = await params;
  console.log(documentId);

  return (
    <div className="mini-h-screen bg-[#FAFBFD]">
      <div className="flex flex-col px-4 pt-2 gap-y-2 fixed top-0 left-0 right-0 z-10 bg-[#FAFBFD] print:hidden h-[112px]">
        <NavBar />
        <Toolbar />
      </div>
      <div className="pt-[114px] print:pt-0">
        <Editor />
      </div>
    </div>
  );
};

export default DocumentIdPage;
